<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog IIoT0101-dialog"
    ng-init="dialog.init();">
    <!--標題列-->
    <div class="kmi-header-row">
        <!-- 標題內容-->
        <div class="header-title" ng-bind="'IIoT0101.title' | translate"></div>
        <!--右邊的X-->
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <i class="material-icons">clear</i>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <!-- 程式內容撰寫於此-->
            <div style="display: flex;flex-direction: row; padding:5px;">
                <div style="flex: 1; font-weight:bold;">
                    <label ng-bind="'IIoT0101.label.label_txt_1' | translate"></label>
                    <label ng-bind="dialog.equipment_no"></label>
                </div>
                <div style="flex: 1; font-weight:bold;">
                    <label ng-bind="'IIoT0101.label.label_txt_2' | translate"></label>
                    <label ng-bind="dialog.time_range"></label>
                </div>
            </div>
            <div class="section-content">
                <div class="kmi-list column-selector" column-selector-id="IIoT0101_List" kmi-scrollbar>
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_10' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_1' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_2' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_3' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_8' | translate"></div>
                        <div class="kmi-list__column" style="flex: 0 0 120px;"
                            ng-bind="'IIoT0101.list.list_column_7' | translate"></div>
                        <div class="kmi-list__column" style="flex: 0 0 120px;"
                            ng-bind="'IIoT0101.list.list_column_4' | translate"> </div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_6' | translate"></div>
                        <div class="kmi-list__column" style="flex: 0 0 120px;"
                            ng-bind="'IIoT0101.list.list_column_5' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_11' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_12' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;"
                            ng-bind="'IIoT0101.list.list_column_13' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in dialog.lot_info_by_equipment_job track by $index">
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.seq"></div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.lot_no"></div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.op_no"></div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.lot_state_str"></div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.expect_not_yet_qty"></div>
                            <div class="kmi-list__column" style="flex: 0 0 120px;" ng-bind="item.all_qty_str"></div>
                            <div class="kmi-list__column" style="flex: 0 0 120px;" ng-bind="item.dispatch_time_range">
                            </div>
                            <div class="kmi-list__column" style="flex:1;"
                                ng-class="item.lower_time_mark ? 'lower_time_mark' : ''"
                                ng-bind="item.act_gap_minutes_str"></div>
                            <div class="kmi-list__column" style="flex: 0 0 120px;" ng-bind="item.estimate_time_range">
                            </div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.product_no"></div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.product_name"></div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.item_spec"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>